<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="stylesheet" href="/css/normalize.css" />
		<link rel="stylesheet" href="/css/idangerous.css" />
		<link rel="stylesheet" href="/css/layout.css" />
		<link rel="stylesheet" href="/css/index.css" />
		<link rel="stylesheet" href="/css/popups.css" />
		<link rel="stylesheet" href="/css/list.css" />
		<link rel="shortcut icon" href="images/favicon.ico" />
		<link href="/css/liMarquee.css" rel="stylesheet" />
		<style>
			.hidden{
				display: none;
			}
		</style>
	</head>
		<body>
			<header></header>
			<div class="page list-page" id="listPage">
        <div class="page-container">
            
            <ul class="list-categories">
                <li class="first clearfix">
                    <div class="title">商品：</div>
                    <div class="content clearfix">
                        <a class="active" href="javascript:;" data-category="all">全部</a>
                        <a class="" href="javascript:;" data-category="zhishi">芝士系列</a>
                        <a href="javascript:;" data-category="qiaokeli">巧克力系列</a>
                        <a href="javascript:;" data-category="napolun">拿破仑系列</a>
                        <a href="javascript:;" data-category="ms">慕斯系列</a>
                        <a href="javascript:;" data-category="rz">乳脂系列</a>
                        <a href="javascript:;" data-category="xp">选拼系列</a>
                    </div>
                    </li>
                <li class="clearfix">
                    <div class="title">口味：</div>
                    <div class="content clearfix">
                        <a class="" href="javascript:;" data-category="拿破仑系列口味">拿破仑</a>
                        <a href="javascript:;" data-category="水果系列口味">水果</a>
                        <a href="javascript:;" data-category="芝士系列口味">芝士</a>
                        <a href="javascript:;" data-category="巧克力系列口味">巧克力</a>
                        <a href="javascript:;" data-category="慕斯系列口味">慕斯</a>
                        <a href="javascript:;" data-category="咖啡系列口味">咖啡</a>
                        <a href="javascript:;" data-category="鲜奶系列口味">鲜奶</a>
                        <a href="javascript:;" data-category="无糖系列口味">无糖</a>
                    </div>
                </li>
        <li class="clearfix" style="display: none;">
            <div class="title">更多：</div>
            <div class="content clearfix">
                <a href="javascript:;" data-category="star">星座</a>
                <a href="javascript:;" data-category="fruit">水果</a>
                <a href="javascript:;" data-category="chocolate">巧克力</a>
                <a href="javascript:;" data-category="diy">DIY</a>
                <a href="javascript:;" data-category="cream">乳脂</a>
            </div>
        </li>
        </ul>
        <ul class="list-contents clearfix" id="cakeList">
			<script type="text/html" id="list_template">
				{{each list prod}}
				<li class="normal">
					<div class="img">
						<a href="/html/detail.html?id={{prod.id}}" class="link">
							<img src="{{prod.img}}" class="lazy loaded" >
						</a>
					</div>
					<div class="text">
						<span class="hidden prod_id">{{prod.id}}</span>
						<p class="desc">{{prod.desc}}</p>
						<p class="name">
						<span class="cn">{{prod.title}}</span>
						<span class="en">{{prod.en}}</span>
						</p>
						<p class="attr">
							<span class="oldPrice">￥{{prod.price}}/1.2磅</span>
							￥{{prod.price}}/1.2磅</p>
						<a href="javascript:;" class="join-basket"></a>
					</div>
				</li>
				{{/each}}
			</script>
		</ul>
		<!-- mask  begin-->
		<div id="maskPopup">
			<div class="popups popup-result">
				<p class="popup-info"></p>
				<p class="btns clearfix">
					<a href="javascript:;" class="btn-cancel">再逛逛</a>
					<a href="javascript:;" class="btn-sure">去结算</a>
				</p>
			</div>
		</div>
		<!-- mask end -->
			<footer></footer>
			<script src="/lib/requirejs/require.js" data-main="/js/main.js"></script>
		</body>
</html>